<template>
  <view style="padding-bottom: 200rpx;" >
<!--    <roof title="加盟申请" isImg msgNum="5"></roof>-->
    <z-nav-bar id="nav" bgColor="#ffffff" >
      <view slot="right" class="df flex1">
         <view class="df">
           <text class="nav_title">加盟申请</text>
           <view class="img-vessel">
<!--             <image src="http://www.xvopen.com/xiaoV/img1/msg.png" mode=""></image>-->
             <!-- <view class="msg-num">
               5
             </view> -->
           </view>
         </view>
      </view>
    </z-nav-bar>
    <view style="height: 30rpx;"></view>

    <navigator :url="`/pagesShop/franchiseStores/join_list?certificationType=SHOP`">
      <view class="apply-cell flex-a-center">
        <image src="../static/icon/apply3.png" mode=""></image>
        <view class="right">
          <text>
            店铺申请进度
          </text>
          <view>用于查看店铺申请进度</view>
        </view>
      </view>
    </navigator>
    <navigator :url="`/pagesShop/franchiseStores/join_list?certificationType=FACTORY`">
      <view class="apply-cell flex-a-center">
        <image src="../static/icon/apply3.png" mode=""></image>
        <view class="right">
          <text>
            工厂申请进度
          </text>
          <view>用于查看工厂申请进度</view>
        </view>
      </view>
    </navigator>
    <navigator :url="`/pagesShop/franchiseStores/join_list?certificationType=SHOP_JOIN`">
      <view class="apply-cell flex-a-center">
        <image src="../static/icon/apply3.png" mode=""></image>
        <view class="right">
          <text>
            加盟店申请进度
          </text>
          <view>加盟店申请进度</view>
        </view>
      </view>
    </navigator>
    <navigator :url="`/pagesShop/franchiseStores/join_list?certificationType=team`">
      <view class="apply-cell flex-a-center">
        <image src="../static/icon/apply3.png" mode=""></image>
        <view class="right">
          <text>
            团体卡申请进度
          </text>
          <view>用于查看团体卡申请进度</view>
        </view>
      </view>
    </navigator>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const storeId = ref('')

onLoad(({ storeId: id })=>{
  storeId.value = id
})
</script>


<style lang="scss">
@import "../style/common.scss";
::v-deep .header_right_info{
  flex: 1;
}
.nav_title{
  font-weight: 700;
  font-size: 32rpx;
  color: #000000;
}
.img-vessel{
  width: 30rpx;
  height: 35rpx;
  margin: 0 29rpx 0 54rpx;
  position: relative;
  image{
    width: 30rpx;
    height: 35rpx;
  }
  .msg-num{
    width: 25rpx;
    height: 25rpx;
    background-color: #E81414;
    border-radius: 50%;
    position: absolute;
    top: -8rpx;
    right: -13rpx;
    font-size: 22rpx;
    color: #fff;
    text-align: center;
    line-height: 25rpx;
  }
}
</style>
